<template>
    <lightning-card title="HelloExpressions" icon-name="custom:custom14">
        <div class="slds-var-m-around_medium">
            <lightning-input
                name="firstName"
                label="First Name"
                onchange={handleChange}
            ></lightning-input>
            <lightning-input
                name="lastName"
                label="Last Name"
                onchange={handleChange}
            ></lightning-input>
            <p class="slds-var-m-top_medium">
                Uppercased Full Name: {uppercasedFullName}
            </p>
        </div>

        <c-view-source source="lwc/helloExpressions" slot="footer">
            Use JavaScript expressions in a template. Type something in the
            input fields to see the recipe in action.
        </c-view-source>
    </lightning-card>
</template>
